<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Amaze UI Admin index Examples</title>
  <meta name="description" content="这是一个 index 页面">
  <meta name="keywords" content="index">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="icon" type="image/png" href="__PUBLIC__assets/i/favicon.png">
  <link rel="apple-touch-icon-precomposed" href="__PUBLIC__assets/i/app-icon72x72@2x.png">
  <meta name="apple-mobile-web-app-title" content="Amaze UI" />
  <link rel="stylesheet" href="__PUBLIC__assets/css/amazeui.min.css" />
  <link rel="stylesheet" href="__PUBLIC__assets/css/amazeui.datatables.min.css" />
  <link rel="stylesheet" href="__PUBLIC__assets/css/app.css">
  <!--  m_css自己的css,在这里添加修改-->
  <link rel="stylesheet" href="__PUBLIC__/css/m_css.css">
  <script src="__PUBLIC__assets/js/echarts.min.js"></script>
  <script src="__PUBLIC__assets/js/jquery.min.js"></script>


</head>

<body data-type="index">
<script src="__PUBLIC__assets/js/theme.js"></script>
<div class="am-g tpl-g">
  <!-- 头部 -->
  <header>
    <!-- logo -->
    <div class="am-fl tpl-header-logo">
      <a href="javascript:;"><img src="__PUBLIC__assets/img/logo.png" alt=""></a>
    </div>
    <!-- 右侧内容 -->
    <div class="tpl-header-fluid">
      <!-- 侧边切换 -->
      <div class="am-fl tpl-header-switch-button am-icon-list">
                    <span>

                </span>
      </div>

      <!-- 其它功能-->
      <div class="am-fr tpl-header-navbar">
        <ul>
          <!-- 欢迎语 -->
          <li class="am-text-sm tpl-header-navbar-welcome">
            <a href="javascript:;">欢迎你, <span>Amaze UI</span> </a>
          </li>

          <!-- 退出 -->
          <li class="am-text-sm">
            <a href="{:U('Login/logout')}">
              <span class="am-icon-sign-out"></span> 退出
            </a>
          </li>
        </ul>
      </div>
    </div>

  </header>
  <!-- 风格切换 -->
  <div class="tpl-skiner">
    <div class="tpl-skiner-toggle am-icon-cog">
    </div>
    <div class="tpl-skiner-content">
      <div class="tpl-skiner-content-title">
        选择主题
      </div>
      <div class="tpl-skiner-content-bar">
        <span class="skiner-color skiner-white" data-color="theme-white"></span>
        <span class="skiner-color skiner-black" data-color="theme-black"></span>
      </div>
    </div>
  </div>
  <!-- 侧边导航栏 -->
  <div class="left-sidebar">

    <!-- 菜单 -->
    <ul class="sidebar-nav">
      <li class="sidebar-nav-link">
        <a href="__ROOT__" <if condition="CONTROLLER_NAME eq 'Index'"> class="active"</if> >
          <i class="am-icon-home sidebar-nav-link-logo"></i> 首页
        </a>
      </li>
        <volist name="menu" id="vo" ><!--默认使用循环变量i ; offset="0" length="2" 从开始查询两条-->
          <eq name="vo.is_show" value="1">
            <eq name="vo.level" value="1">
            <neq name="i" value="1">
                </ul>
                </li>
            </neq>
              <li class="sidebar-nav-link">
                <a href="javascript:;" class="sidebar-nav-sub-title <if condition="CONTROLLER_NAME.'/index' eq $vo['url']">active</if>">
                  <i class="{$vo.menu_icon} sidebar-nav-link-logo "></i> {$vo.name}
                <span class="
                  <if condition="CONTROLLER_NAME eq strstr($vo['url'],'/',true)">am-icon-chevron-down<else/>am-icon-chevron-right</if>
                      am-fr am-margin-right-sm  sidebar-nav-sub-ico tpl-left-nav-more-ico-rotate"></span>
                </a>
                <ul class="sidebar-nav sidebar-nav-sub" <if condition="CONTROLLER_NAME eq strstr($vo['url'],'/',true)">style="display:block"</if>>
            <else/><!-- 对应vo.level-->

                  <li class="sidebar-nav-link sub-content" >
                    <a href="{:U($vo['url'])}"  <if condition="CONTROLLER_NAME.'/'.ACTION_NAME eq $vo['url']">class="active"</if>>
                      <span class="am-icon-angle-right sidebar-nav-link-logo"></span> {$vo.name}
                    </a>
                  </li>

            </eq>
      </eq>

      </volist>
    </ul>
  </div>

  <script>
    $(document).ready(function() {

    });
  </script>